<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>Document</title>
  <link rel="stylesheet" href="../../css/public/base.css">
  <link rel="stylesheet" href="../../css/member/MemberManagement2.css">
  <link rel="stylesheet" href="../../layui/css/layui.css" media="all">
  <script src="../../js/public/jquery-3.3.1.js"></script>
</head>
<style>
  .nav_two .left>ul>li:nth-of-type(1){
        background-color: #e5f1fc;
    }
    .nav_two {
        margin-right: 20px;
        height: 100%;
        color: #666;
    }

    .nav_two .left {

        /* text-align: center; */
        /* border: 1px solid #000; */
        background-color: #FFF;
        height: 100%;
        border-radius: 8px;
        font-size: 16px;
        width: 200px;
    }

    .nav_two .left>ul li {
        min-height: 53px;
        line-height: 53px;
        list-style-type: none;
        position: relative;
        cursor: pointer;

    }

    .nav_two .left>ul li a {
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .nav_two .left>ul li ul {
        transition: all 0.2s;
        max-height: 0;
        overflow: hidden;
        /* display: none; */
    }

    .nav_two .left>ul li ul li {
        min-height: 53px;
    }

    .nav_two .left>ul li img {
        position: relative;
        left: 30px;
        transition: all 0.2s;
        transform: rotate(180deg)
    }

    .nav_two .active {
        background-color: #e5f1fc;
    }

    .nav_two .left>ul li .bbx {
        max-height: 300px;
    }

    .rotate {
        transform: rotate(0deg)!important;
    }

    .xia ul li{
      padding-left: 20px;
      font-size: 15px;
    }

</style>

<body>

  <!-- <div id="nav"></div> -->
  <!-- <div class="priceManagement"> -->
  <form class="layui-form" action="">
   
    <div class="main">

      <div class="left">
        <div class='nav_two'>
          <div class="left">
              <ul>
                  <li><span class="circle"></span><a href="../member/MemberManagement.html"></a>会员管理</li>
                  <li><span class="circle"></span><a href="../member/mailbox.html"></a>会员信箱</li>
                  <li class='xia'>
                    <span class='xiaspan'><span class="circle"></span>交易额管理 <img src="../../image/xiala.png" alt=""></span>
    
                    <ul>
                      <li><a href="../../html/member/DealImport.html"></a><span class="circle"></span>交易额导入</li>
                      <li><a href="../../html/member/record .html"></a><span class="circle"></span>交易额记录</li>
                    </ul>
                  </li>
                  <li><span class="circle"></span><a href="../member/Upgrade.html"></a>用户升级记录</li>
                  <li><span class="circle"></span><a href="../member/Recommend.html"></a>推荐图谱</li>
                </ul>
          </div>
        </div>
      </div>
      <div class="right">
        <div class="top">
          <div class="layui-form-item">
            <div class="layui-inline">
              <label class="layui-form-label wdStyle">会员账号：</label>
              <input type="text" name="title" style="width:196px;" placeholder="请输入…" class="layui-input">
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">状态</label>
              <div class="layui-input-inline">
                <select name="quiz">
                  <option value="">请选择…</option>
                  <option value="正常">正常</option>
                  <option value="冻结">冻结</option>
                  <option value="锁定">锁定</option>
                  <option value="永久冻结">永久冻结</option>
                </select>
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label wdStyle">激活状态</label>
              <div class="layui-input-inline">
                <select name="quiz">
                  <option value="">请选择…</option>
                  <option value="已激活">已激活</option>
                  <option value="未激活">未激活</option>
                </select>
              </div>
            </div>
            <div class="layui-inline checkStyle">
              <button class="layui-btn btnStyle" lay-submit="" lay-filter="demo1">查询</button>
            </div>
            <div class="layui-inline">
              <button class="layui-btn btnStyle2" lay-submit="" lay-filter="demo1">重置</button>
            </div>
            <!-- <div class="layui-inline open-w">
              展开<i class="layui-icon layui-icon-down"></i>
            </div> -->
          </div>
        </div>

        <div id="hide">
            <!-- <div class="hideContent layui-form">
                <div class="layui-form-item">
                    <label class="layui-form-label">银行户名</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" required lay-verify="required" placeholder="请输入"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">银行名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" required lay-verify="required" placeholder="请输入"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">银行账户</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" required lay-verify="required" placeholder="请输入"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">开户行</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" required lay-verify="required" placeholder="请输入"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="margin-left:-201px;">显示开关</label>
                    <div class="layui-input-block">
                        <input type="checkbox" name="switch" lay-skin="switch" lay-text='开|关'>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">排序</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" required lay-verify="required" placeholder="请输入"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
            </div> -->
            <div class="flexStyle">
                  <div class="headline">会员账号：</div>
                  <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">姓名：</div>
              <div class="inpStyle"><input type="text"  placeholder="请输入…"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">个人业绩：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">团队业绩：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">部门业绩：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">奖金余额：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">复投余额：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">BPX数量：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">交易量：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">币旺账号：</div>
              <div class="inpStyle"><input type="text"  placeholder="请输入…"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">R网账号：</div>
              <div class="inpStyle"><input type="text"  placeholder="请输入…"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">身份证号码：</div>
              <div class="inpStyle"><input type="text"  placeholder="请输入…"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">推荐人：</div>
              <div class="inpStyle"><input type="text"  placeholder="请输入…"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">登录密码：</div>
              <div class="inpStyle"><input type="text"  placeholder="请输入…"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">性别：</div>
              <div class="inpStyle">
                <div class="layui-input-block">
                  <input type="radio" name="sex" value="男" title="男" checked>
                  <input type="radio" name="sex" value="女" title="女">
                </div>
              </div>
            </div>
            <div class="flexStyle">
              <div class="headline">注册日期：</div>
              <div class="inpStyle"><input type="text" disabled></div>
            </div>
            <div class="flexStyle">
              <div class="headline">会员级别：</div>
              <div class="inpStyle">
                <div class="layui-inline">
                  <div class="layui-input-inline selStyle">
                    <select name="quiz">
                      <option value="">请选择…</option>
                      <option value="普通会员">普通会员</option>
                      <option value="一星">一星</option>
                      <option value="二星">二星</option>
                      <option value="三星">三星</option>
                      <option value="四星">四星</option>
                    </select>
                  </div>
                </div>
              </div>
            </div>
            <div class="flexStyle">
              <div class="headline">考核级别：</div>
              <div class="inpStyle">
                <div class="layui-inline">
                  <div class="layui-input-inline selStyle">
                    <select name="quiz">
                      <option value="">请选择…</option>
                      <option value="无">无</option>
                      <option value="MR">MR</option>
                      <option value="SMR">SMR</option>
                      <option value="DR">DR</option>
                      <option value="SDR">SDR</option>
                      <option value="PR">PR</option>
                    </select>
                  </div>
                </div>
              </div>
            </div>
            <div class="smTitle">
              会员基本资料
            </div>
            <div class="flexStyle">
              <div class="headline">收货地址：</div>
              <div class="inpStyle"><input type="text" placeholder="请输入…"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">QQ：</div>
              <div class="inpStyle"><input type="text" placeholder="请输入…"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">手机号码：</div>
              <div class="inpStyle"><input type="text" placeholder="请输入…"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">微信：</div>
              <div class="inpStyle"><input type="text" placeholder="请输入…"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">支付宝：</div>
              <div class="inpStyle"><input type="text" placeholder="请输入…"></div>
            </div>
            <div class="smTitle">
              银行账户信息
            </div>
            <div class="flexStyle">
              <div class="headline">银行类型：</div>
              <div class="inpStyle">
                <div class="layui-inline">
                  <div class="layui-input-inline selStyle">
                    <select name="quiz">
                      <option value="">请选择…</option>
                      <option value="中国工商银行">中国工商银行</option>
                      <option value="中国建设银行">中国建设银行</option>
                      <option value="中国农业银行">中国农业银行</option>
                      <option value="交通银行">交通银行</option>
                      <option value="平安银行">平安银行</option>
                      <option value="中国民生银行">中国民生银行</option>
                      <option value="招商银行">招商银行</option>
                      <option value="中国银行">中国银行</option>
                      <option value="中国邮政储蓄">中国邮政储蓄</option>
                      <option value="成都银行">成都银行</option>
                      <option value="浦发银行">浦发银行</option>
                      <option value="兴业银行">兴业银行</option>
                      <option value="中国光大银行">中国光大银行</option>
                      <option value="中信银行">中信银行</option>
                      <option value="华夏银行">华夏银行</option>
                      <option value="广发银行">广发银行</option>
                    </select>
                  </div>
                </div>
              </div>
            </div>
            <div class="flexStyle">
              <div class="headline">开户支行：</div>
              <div class="inpStyle"><input type="text" placeholder="请输入…"></div>
            </div>
            <div class="flexStyle">
              <div class="headline">银行卡号：</div>
              <div class="inpStyle"><input type="text" placeholder="请输入…"></div>
            </div>
        </div>

        <div class="middle">
            <div class="layui-form-item">
              <div class="layui-inline">
                <span class="layui-btn midStyle" lay-submit="" lay-filter="demo1">个人业绩：20110000</span>
              </div>
              <div class="layui-inline">
                <span class="layui-btn midStyle" lay-submit="" lay-filter="demo1">团队业绩：20110000</span>
              </div>
              <div class="layui-inline">
                <span class="layui-btn midStyle" lay-submit="" lay-filter="demo1">个人业绩：20110000</span>
              </div>
              <div class="layui-inline">
                <span class="layui-btn midStyle" lay-submit="" lay-filter="demo1">团队业绩：20110000</span>
              </div>
              <div class="layui-inline">
                <span class="layui-btn midStyle" lay-submit="" lay-filter="demo1">交易量：0</span>
              </div>
              <div class="layui-inline">
                <span class="layui-btn midStyle" lay-submit="" lay-filter="demo1">推荐人：admin</span>
              </div>
              <div class="layui-inline">
                <span class="layui-btn midStyle" lay-submit="" lay-filter="demo1">个人业绩：20110000</span>
              </div>
            </div>
          </div>
        <div class="button">
          <table class="layui-table" id="demo" lay-filter="test"></table>

          <script type="text/html" id="barDemo">
            <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
            <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">导出</a>
            <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="tupu">图谱</a>
            <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="del">冻结</a>
          </script>

          <!-- <div class="layui-tab layui-tab-brief" lay-filter="test">
            <div class="layui-tab-item">
              <div id="pageDemo"></div>
            </div>
          </div> -->

        </div>
        <div class="paging">
          <div id="demo3"></div>
        </div>
      </div>
    </div>
  </form>
  <!-- </div> -->
  <script src="../../layui/layui.js"></script>
  <script src='../../js/member/member.js'></script>
  <script>
    var t = document.querySelector.bind(document)
    let flag = localStorage.getItem('twonav')
    if (flag == '1') {
        t('.xia>ul').classList.add('bbx')
        t('.xia img').classList.add('rotate')
    }
    t('.xiaspan').onclick = function () {
        flag = flag == 0 ? 1 : 0
        t('.xia>ul').classList.toggle('bbx')
        t('.xia img').classList.toggle('rotate')
        localStorage.setItem('twonav', flag)
    }
  </script>
  <script>
    layui.use(['table', 'laypage', 'layer', 'form', 'element'], function () {
      var table = layui.table
        , laypage = layui.laypage
        , layer = layui.layer
        , element = layui.element
      element.on('nav(demo)', function (elem) {
        layer.msg(elem.text());
      });

      table.render({
        elem: '#demo'
//        , skin: 'nob'
        , page: true
        // , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
        , cols: [[
        { type: 'checkbox', fixed: 'left'  }
          , { field: 'id', title: '序列号', width: '75'  }
          , { field: 'userid', title: '会员账号', width: '100'  }
          , { field: 'username', title: '姓名'  }
          , { field: 'rank', title: '级别'  }
          , { field: 'teamrank', title: '团队级别', width: '90'  }
          , { field: 'phone', title: '手机号', width: '120'  }
          , { field: 'cardid', title: '身份证号', width: '120'  }
          , { field: 'performance', title: '个人业绩', width: '100'  }
          , { field: 'allperformance', title: '团队业绩', width: '100'  }
          , { field: 'departmentperformance', title: '部门业绩', width: '100'  }
          , { field: 'deal', title: '交易量', width: '100'  }
          , { field: 'dealbuild', title: '交易量建仓', width: '100'  }
          , { field: 'recommend', title: '推荐人', width: '80'  }
          , { field: 'time', title: '注册时间', width: '180'  }
          , { field: 'activate', title: '激活状态', width: '100'  }
          , { field: 'state', title: '状态', width: '100'  }
          , { fixed: 'right', title: '操作', width: 240, align: 'center', toolbar: '#barDemo'  }
        ]]
        , data: [{
          "id": "01"
          , "userid": 12345678
          , "username": "张三"
          , "rank": "四星"
          , "teamrank": "PR"
          , "phone": '13312512521'
          , "cardid": "320****1234"
          , "performance": "10000.00"
          , "allperformance": "10000.00"
          , "departmentperformance": "10000.00"
          , "deal": "10000.00"
          , "dealbuild": "10000.00"
          , "recommend": "张三"
          , "time": "2018.01.01 18:00:00"
          , "activate": 12345678
          , "state": 12345678
          , "operation": 12345678
        }, {
          "id": "01"
          , "userid": 12345678
          , "username": "张三"
          , "rank": "四星"
          , "teamrank": "PR"
          , "phone": '13312512521'
          , "cardid": "320****1234"
          , "performance": "10000.00"
          , "allperformance": "10000.00"
          , "departmentperformance": "10000.00"
          , "deal": "10000.00"
          , "dealbuild": "10000.00"
          , "recommend": "张三"
          , "time": "2018.01.01 18:00:00"
          , "activate": 12345678
          , "state": 12345678
          , "operation": 12345678
        }, {
          "id": "01"
          , "userid": 12345678
          , "username": "张三"
          , "rank": "四星"
          , "teamrank": "PR"
          , "phone": '13312512521'
          , "cardid": "320****1234"
          , "performance": "10000.00"
          , "allperformance": "10000.00"
          , "departmentperformance": "10000.00"
          , "deal": "10000.00"
          , "dealbuild": "10000.00"
          , "recommend": "张三"
          , "time": "2018.01.01 18:00:00"
          , "activate": 12345678
          , "state": 12345678
          , "operation": 12345678
        }, {
          "id": "01"
          , "userid": 12345678
          , "username": "张三"
          , "rank": "四星"
          , "teamrank": "PR"
          , "phone": '13312512521'
          , "cardid": "320****1234"
          , "performance": "10000.00"
          , "allperformance": "10000.00"
          , "departmentperformance": "10000.00"
          , "deal": "10000.00"
          , "dealbuild": "10000.00"
          , "recommend": "张三"
          , "time": "2018.01.01 18:00:00"
          , "activate": 12345678
          , "state": 12345678
          , "operation": 12345678
        }, {
          "id": "01"
          , "userid": 12345678
          , "username": "张三"
          , "rank": "四星"
          , "teamrank": "PR"
          , "phone": '13312512521'
          , "cardid": "320****1234"
          , "performance": "10000.00"
          , "allperformance": "10000.00"
          , "departmentperformance": "10000.00"
          , "deal": "10000.00"
          , "dealbuild": "10000.00"
          , "recommend": "张三"
          , "time": "2018.01.01 18:00:00"
          , "activate": 12345678
          , "state": 12345678
          , "operation": 12345678
        }, {
          "id": "01"
          , "userid": 12345678
          , "username": "张三"
          , "rank": "四星"
          , "teamrank": "PR"
          , "phone": '13312512521'
          , "cardid": "320****1234"
          , "performance": "10000.00"
          , "allperformance": "10000.00"
          , "departmentperformance": "10000.00"
          , "deal": "10000.00"
          , "dealbuild": "10000.00"
          , "recommend": "张三"
          , "time": "2018.01.01 18:00:00"
          , "activate": 12345678
          , "state": 12345678
          , "operation": 12345678
        }, {
          "id": "01"
          , "userid": 12345678
          , "username": "张三"
          , "rank": "四星"
          , "teamrank": "PR"
          , "phone": '13312512521'
          , "cardid": "320****1234"
          , "performance": "10000.00"
          , "allperformance": "10000.00"
          , "departmentperformance": "10000.00"
          , "deal": "10000.00"
          , "dealbuild": "10000.00"
          , "recommend": "张三"
          , "time": "2018.01.01 18:00:00"
          , "activate": 12345678
          , "state": 12345678
          , "operation": 12345678
        }, {
          "id": "01"
          , "userid": 12345678
          , "username": "张三"
          , "rank": "四星"
          , "teamrank": "PR"
          , "phone": '13312512521'
          , "cardid": "320****1234"
          , "performance": "10000.00"
          , "allperformance": "10000.00"
          , "departmentperformance": "10000.00"
          , "deal": "10000.00"
          , "dealbuild": "10000.00"
          , "recommend": "张三"
          , "time": "2018.01.01 18:00:00"
          , "activate": 12345678
          , "state": 12345678
          , "operation": 12345678
        }, {
          "id": "01"
          , "userid": 12345678
          , "username": "张三"
          , "rank": "四星"
          , "teamrank": "PR"
          , "phone": '13312512521'
          , "cardid": "320****1234"
          , "performance": "10000.00"
          , "allperformance": "10000.00"
          , "departmentperformance": "10000.00"
          , "deal": "10000.00"
          , "dealbuild": "10000.00"
          , "recommend": "张三"
          , "time": "2018.01.01 18:00:00"
          , "activate": 12345678
          , "state": 12345678
          , "operation": 12345678
        }]
      });

      table.on('tool(test)', function (obj) {
        var data = obj.data //获得当前行数据
          , layEvent = obj.event;
        if (layEvent === 'detail') {
          layer.open({
            type: 1,
            title: '新增卡号',
            closeBtn: 1,
            area: '710px;',
            shade: 0,
            id: 'LAY_layuipro', //设定一个id，防止重复弹出
            btn: ['提交', '重置'],
            btnAlign: 'c',
            moveType: 1, //拖拽模式，0或者1
            content: $('#hide'),
            success: function (layero) {
              var btn = layero.find('.layui-layer-btn');
              btn.find('.layui-layer-btn0').attr({
                href: '#',
                // target: '_blank'
              });
            }
          });
        } else if (layEvent === 'del') {
          layer.open({
          type: 0
          , id: 'turnDown' //防止重复弹出
          , area: ['400px !important', '220px !important']
          , title: "信息"
          , content: '<p style="font-size: 16px;height: 40px;line-height: 40px">确认冻结吗?</p>'
          , btn: ['确定', '取消']
          , btnAlign: 'r' //按钮对齐方式
          , shade: 0
          , shadeClose: true
          , move: false
          , resize: false
          , yes: function () {
            layer.closeAll();
            layer.msg("冻结成功")
          }
          , btn2: function () {
            layer.closeAll();
          }
        });
        } else if (layEvent === 'edit') {
          layer.msg('编辑操作');
        } else if (layEvent === 'tupu') {
          localStorage.setItem('adress', '../member/MemberManagement2.html')
        }
      });

      // laypage.render({
      //   elem: 'pageDemo' //分页容器的id
      //   , count: 100 //总页数
      //   , skin: '#1E9FFF' //自定义选中色值
      //   //,skip: true //开启跳页
      //   , jump: function (obj, first) {
      //     if (!first) {
      //       layer.msg('第' + obj.curr + '页', { offset: 'b' });
      //     }
      //   }
      // });

      var footerTpl = lay('#footer')[0].innerHTML;
      lay('#footer').html(layui.laytpl(footerTpl).render({}))
        .removeClass('layui-hide');

    });



  </script>
</body>

</html>